var dls = document.querySelectorAll("dl");
var dets = document.querySelectorAll(".detail")
console.log(dets)
console.log(dls)
for (let j = 0; j < dls.length; j++){
    dls[j].onmouseover = function () {
        for (var i = 0; i < dls.length; i++){
            dls[i].className = "";
            dets[i].className = "detail";
        }
        this.className = "active";
        dets[j].className="detail active"

    }
}